<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字识别预警 - 多模态网络诈骗识别和预警系统</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <!-- 左侧导航栏 -->
        <nav class="sidebar">
            <div class="logo">
                <h2>多模态网络诈骗识别和预警系统</h2>
            </div>
            <ul class="nav-links">
                <li><a href="text.html" class="nav-link">文字识别预警</a></li>
                <li><a href="audio.html" class="nav-link">语音识别预警</a></li>
                <li><a href="image.html" class="nav-link">图像识别预警</a></li>
                <li><a href="video.html" class="nav-link">视频识别预警</a></li>
            </ul>
        </nav>
        
        <!-- 主要内容区域 -->
        <main class="main-content">
            <div class="header-section">
                <h1>智能文本诈骗识别</h1>
                <p class="subtitle">基于深度学习的多维度文本分析，为您提供精准的诈骗风险评估</p>
            </div>

            <div class="features-grid">
                <div class="feature-card">
                    <h3>实时监测</h3>
                    <p>毫秒级响应，快速识别潜在风险</p>
                </div>
                <div class="feature-card">
                    <h3>智能分析</h3>
                    <p>深度学习模型，多维度特征提取</p>
                </div>
                <div class="feature-card">
                    <h3>准确预警</h3>
                    <p>准确率高达95%，误报率低于1%</p>
                </div>
                <div class="feature-card">
                    <h3>持续更新</h3>
                    <p>实时更新特征库，应对新型诈骗</p>
                </div>
            </div>

            <div class="analysis-section">
                <div class="upload-container">
                    <div class="input-group">
                        <label for="textType">检测类型：</label>
                        <select id="textType" class="select-style">
                            <option value="社交媒体检测">社交媒体检测</option>
                            <option value="教学内容检测">教学内容检测</option>
                            <option value="私聊内容检测">私聊内容检测</option>
                            <option value="AI生成内容检测">AI生成内容检测</option>
                            <option value="广告内容检测">广告内容检测</option>
                            <option value="用户昵称检测">用户昵称检测</option>
                        </select>
                    </div>
                    <textarea id="textInput" 
                        class="text-input" 
                        rows="10" 
                        placeholder="请输入需要检测的文字内容..."></textarea>
                    <div class="text-stats">
                        <span>字数：<span id="charCount">0</span></span>
                        <span>行数：<span id="lineCount">0</span></span>
                    </div>
                    <button class="btn analyze-btn" onclick="analyzeText()">开始分析</button>
                </div>

                <div class="result-container" id="resultArea">
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <h3>分析结果</h3>
                        <button class="btn" id="downloadBtn" style="display: none;" onclick="downloadResult()">
                            下载结果
                        </button>
                    </div>
                    <div id="analysisResult"></div>
                </div>
            </div>
        </main>
    </div>
    <script src="js/common.js"></script>
    <script src="js/text.js"></script>
</body>
</html> 